{% extends "base.html" %}

{% block title %}
Histórico do aluno
{% endblock title %}

{% block extrahead %}
$(function() {
		$('#botao_busca').addClass('active');
                $( "#id_data_nascimento" ).datepicker({
			changeMonth: true,
			changeYear: true,
                        dateFormat: 'dd/mm/yy',
                        yearRange: '1900:2011'
		});
	});

{% endblock extrahead %}

{% block content %}
<div class="box-header clear">
	<h2>Histórico do Aluno</h2>
</div>
{% load puxar %}
<div class="box-wrap clear">
{% if messages %}
	{% for message in messages %}
	<div class="notification note-attention">
		    <a href="#" class="close" title="Close notification">close</a>
		    <p><strong>Notificação do Sistema: </strong> {{ message }} </p>
	</div>
	{% endfor %}
{% endif %}
<div id="data-table">
	<form method="post" action="">
		<table class="style1 datatable">
		<thead>
			<tr>
				<th>Professor:</th>
				<th>Início:</th>
				<th>Fim:</th>
				<th>Duração:</th>
				<th>Matéria:</th>
				<th>Preço da Aula:</th>
				<th>Status:</th>
				<th>Ação:</th>
			</tr>
		</thead>
		<tbody>
			{% load status_aula %}
			{% for aula in lista_aulas %}
                                <tr>
                                        <td>{{aula.professor.detalheusuario.nome}}</td>
                                        <td>{{aula.inicio}}</td>
                                        <td>{{aula.fim}}</td>
                                        <td>{{aula.id|calcula_duracao}}</td>
                                        <td>{{aula.tipo}}</td>
					<td>{{aula.valor}}</td>
					<td>{% if aula.id|aula_paga:id_aluno %} Pago {% else %} Não Pago{% endif %}</td>
					<td><a href="/relatorio_aula_geral/{{aula.id}}/{{id_aluno}}/"><img src="/static/images/relatorio_icon.jpg" class="botao_acao"></a></td>
                                </tr>
			{% endfor %}
			
		</tbody>
		</table>
		
		<div class="tab-footer clear fl">
		</div>
	</form>
</div><!-- /#table -->

</div><!-- end of box-wrap -->
{% endblock content %}